<template>
  <div>
    <h1>这个count每次加2</h1>
    <Header :num ="2"/>
    <hr>
    <h1>这个count每次加100</h1>
    <Count :num ="100"/>
    <hr>
    <UpDate v-bind="person"/>
  </div>
</template>

<script>
//引入组件
import Header from "./components/Header"
import Count from "./components/Count"
import UpDate from "./components/Update"
export default {
  name: "App",
  //注册组件
  components:{
    Header,
    Count,
    UpDate,
  },
  data(){
    return{
      person:{
        name1:"西藏",
        name2:"大理",
        name3:"丽江",
        name4:"拉萨",
      }
    }
  }
}
</script>

<style>

</style>